<!--
  @Description: index
  @Author: Mr.Li
  @E-mail: 
  @Date: 7/14/2025 21:17
-->
<template>
  <div class="container">
    <MBanner />
    <div class="wrapper">
      <!-- 菜单 -->
      <MMenu />
      <!-- 今日主推 -->
      <MRecommend />
      <!-- 广告位 -->
      <MAd />
      <!-- 图书热榜 -->
      <MBook />
      <!-- 文化热点 -->
      <MCulture />
    </div>
  </div>
</template>

<script setup>
import MBanner from './components/m-banner.vue';
import MMenu from './components/m-menu.vue';
import MRecommend from './components/m-recommend.vue';
import MAd from './components/m-ad.vue';
import MBook from './components/m-book.vue';
import MCulture from './components/m-culture.vue';
</script>

<style scoped lang="scss">
.container {
  min-height: 100vh;
  background: #fffaf4;
  padding-bottom: 100rpx;
}

.wrapper {
  border-radius: 25rpx 25rpx 0 0;
  min-height: 200rpx;
  //border: 1px dashed black;
  background: #fffaf4;
  position: relative;
  top: -20rpx;
}
</style>
